<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>嵩县全域智慧旅游产业大数据和决策分析云平台</title>
    <link rel="stylesheet" href="../../assets/plugin/M_select/M_select.css">
    <link rel="stylesheet" href="../../assets/css/public.css">
    <link rel="stylesheet" href="../../assets/css/common.css">
    <link rel="stylesheet" href="../../assets/css/index.css">
    <link rel="stylesheet" href="../../assets/css/touristFlow.css">
    <link rel="stylesheet" href="../../assets/css/animate.min.css">
</head>
<body>
    <div class="box">
        <!--头部-->
        <div class="title-box">
            <div class="title-left">
                <span id="weather">小雨转晴</span>
                <span id="temperature">32/23℃</span>
                <span id="windPower">东风</span>
            </div>
            <div class="title-img">
                <h3>嵩县全域智慧旅游产业大数据和决策分析云平台</h3>
                <img src="../../assets/images/title-bg.png">
            </div>
            <div class="title-right">
                <a href="../admin/index.html">运营管理</a>
            </div>
        </div>
        <!--主体-->
        <div class="main-box">
            <!--导航-->
            <div class="nav-box">
                <ul>
                    <li>
                        <a href="../index/index.html">
                            <div>
                                <img src="../../assets/images/icon-index.png">
                                <img src="../../assets/images/icon-index-active.png">
                            </div>
                            <p>旅游发展环境</p>
                        </a>
                    </li>
                    <li>
                        <a href="../basicElements/index.html">
                            <div>
                                <img src="../../assets/images/icon-analysis.png">
                                <img src="../../assets/images/icon-analysis-active.png">
                            </div>
                            <p>旅游基础要素</p>
                        </a>
                    </li>
                    <li class="active">
                        <a href="../touristFlow/index.html">
                            <div>
                                <img src="../../assets/images/icon-image.png">
                                <img src="../../assets/images/icon-image-active.png">
                            </div>
                            <p>旅游客流监测</p>
                        </a>
                    </li>
                    <li>
                        <a href="../touristsPortrait/index.html">
                            <div>
                                <img src="../../assets/images/icon-portrait.png">
                                <img src="../../assets/images/icon-portrait-active.png">
                            </div>
                            <p>游客画像分析</p>
                        </a>
                    </li>
                    <li>
                        <a href="../tourismEnterprises/index.html">
                            <div>
                                <img src="../../assets/images/icon-operation.png">
                                <img src="../../assets/images/icon-operation-active.png">
                            </div>
                            <p>旅游企业监测</p>
                        </a>
                    </li>
                    <li>
                        <a href="../pinglun/index.html">
                            <div>
                                <img src="../../assets/images/icon-pinglun.png">
                                <img src="../../assets/images/icon-pinglun-active.png">
                            </div>
                            <p>互联网评论</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--数据内容-->
            <div class="content-box flex-column">
                <div class="content-nav">
                    <ul>
                        <li>
                            <a href="index.html">目的地客流监测</a>
                        </li>
                        <li class="active">
                            <a href="scenicFlow.html">重点景区客流监测</a>
                        </li>
                    </ul>
                </div>
                <div class="select-box">
                    <select name="" id="select-scenic" class="scenic">
                        <option value="0">白云山</option>
                        <option value="1">天池山</option>
                        <option value="2">木扎岭</option>
                        <option value="3">白云小镇</option>
                        <option value="4">石头部落</option>
                    </select>
                </div>
                <div class="tourist-data content-center-bg">
                    <div>
                       <span>实时客流量(人)</span>
                        <p class="numberStyle">3954</p>
                    </div>
                    <div>
                        <span>今日流入量(人次)</span>
                        <p class="numberStyle">7168</p>
                    </div>
                    <div>
                        <span>本月客流量(万人)</span>
                        <p class="numberStyle">18.849</p>
                    </div>
                    <div>
                        <span>本季度客流量(万人)</span>
                        <p class="numberStyle">56.54</p>
                    </div>
                    <div>
                        <span>本年客流量(万人次)</span>
                        <p class="numberStyle">226.18</p>
                    </div>
                </div>
                <div class="content-main flex-row flex1">
                    <div class="content-left">
                        <div class="flex1 traffic-box animated rotateInUpLeft">
                            <div class="content-title">
                                分时段客流接待
                                <a href="javascritp:;" class="title-btn">热力图</a>
                            </div>
                            <div class="content-left-main flex1">
                                <div class="hot-chart" id="flow-1-1"></div>
                                <div class="hot-box hot-hd">
                                    <div class="action-box">
                                        <div class="time-list-box">
                                            <div><i></i><span>07</span></div>
                                            <div><i></i><span>08</span></div>
                                            <div><i></i><span>09</span></div>
                                            <div><i></i><span>10</span></div>
                                            <div><i></i><span>11</span></div>
                                            <div><i></i><span>12</span></div>
                                            <div><i></i><span>13</span></div>
                                            <div class="active"><i></i><span>14</span></div>
                                            <div><i></i><span>15</span></div>
                                            <div><i></i><span>16</span></div>
                                            <div><i></i><span>17</span></div>
                                            <div><i></i><span>18</span></div>
                                            <div><i></i><span>19</span></div>
                                            <div><i></i><span>20</span></div>
                                        </div>
                                    </div>
                                    <div class="my-hot" id="myHot"></div>
                                </div>
                            </div>
                        </div>
                        <div class="flex1 traffic-box bounceInUp animated">
                            <div class="content-title">
                                游客量同比分析
                                <div class="date-tab" id="dateTab">
                                    <a href="javascript:;" class="active">日</a>
                                    <a href="javascript:;">月</a>
                                    <a href="javascript:;">年</a>
                                </div>
                            </div>
                            <div class="content-left-main flex1">
                                <div class="select-list">
                                    <div class="select-date-box">
                                        <span>日期</span>
                                        <input type="text" id="selectDate2" placeholder="选择日期">
                                        <button>查询</button>
                                    </div>
                                    <div class="select-date-box hot-hd">
                                        <span>月份</span>
                                        <input type="text" id="selectMonth2" placeholder="选择月份">
                                        <button>查询</button>
                                    </div>
                                    <div class="select-date-box hot-hd">
                                        <span>年份</span>
                                        <input type="text" id="selectYear2" placeholder="选择年份">
                                        <button>查询</button>
                                    </div>
                                </div>
                                <div class="flex1" id="flow-2-1"></div>
                            </div>
                        </div>
                    </div>
                    <div class="content-right">
                        <div class="content-right-top">
                            <div class="content-right-bg sex-box flex1 animated rotateInUpRight">
                                <div class="content-title">未来7天客流预测</div>
                                <div class="content-left-main flex1" id="flow-3-1">

                                </div>
                            </div>
                            <div class="content-right-bg flex1 bounceInUp animated sex-box">
                                <div class="content-title">
                                   假日分析
                                </div>
                                <div class="content-left-main flex1" id="flow-4-1"></div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
<script src="../../assets/plugin/jquery.min.js"></script>
<script src="../../assets/plugin/ECharts/echarts.js"></script>
<script src="../../assets/plugin/ECharts/china.js"></script>
<script src="../../assets/plugin/M_select/M_select.js"></script>
<script src="../../assets/plugin/laydate/laydate.js"></script>
<script src="../../assets/plugin/jquery.leoTextAnimate.js"></script>
<script src="../../assets/js/public.js"></script>
<script src="../../assets/js/scenicFlow.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=RbLCQuGNfG1cQrKmywquV6wEEkoVkyNY"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
</html>
